
Vue.component('copm',{
  template:'<div>123</div>'
})
const vm = new Vue({
  el: '#app',
  data: {
    obj: {
      firstName: 'Shibin',
      lastName: 'You'
    },
    fullName: '',
    arr: [1, 2, 3, 4, 5]
  },
  computed: {
    reverseArr() {
      return this.arr.reverse()
    }
  },
  watch: {
    obj: {
      handler(oldVal, newVal) {
        console.log(oldVal, newVal)
        this.fullName = this.obj.firstName + ' ' +  this.obj.lastName
      },
      immediate: true,
      deep: true
    }
  },
  created(){
      this.$nextTick(function(){
          
          console.log('nextTick')
      })
  }
})
